<template>
	<view>
        <swiper class="grace-swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" style="height: 300upx;">
        	<swiper-item v-for="(item,index) in swiperItems" :key="index">
        		<navigator :url="item.path" :open-type="item.type">
					<image :src="item.imgUrl" mode="widthFix"></image>
				</navigator>
        	</swiper-item>
        </swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				swiperItems:[],
			}
		},
		onLoad() {
			var _self = this;
			uni.request({
				url:'http://192.168.1.126:8080/static/swiper.json',
				success:function(res){
					_self.swiperItems = res.data.data;
				}
			})
		},
		methods: {

		}
	}
</script>

<style>
	
</style>
